<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>Viet Linh - Home</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<link rel="shortcut icon" href="<?php echo BASE_URL?>/application/templates/default/default/images/vietlinh.ico" type="image/x-icon"/>
        <link rel="stylesheet" type="text/css" charset="utf-8" href="<?php echo BASE_URL?>/application/templates/default/default/css/style.css" />
        <link rel="stylesheet" type="text/css" charset="utf-8" href="<?php echo BASE_URL?>/application/templates/default/default/css/menu_style.css" />
        <link rel="stylesheet" type="text/css" charset="utf-8" href="<?php echo BASE_URL?>/application/templates/default/default/css/jquery.jcarousel.css" />
        
		<script type="text/javascript" src="<?php echo BASE_URL?>/application/templates/default/default/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="<?php echo BASE_URL?>/application/templates/default/default/js/jquery.jcarousel.js"></script>
        <script type="text/javascript" src="<?php echo BASE_URL?>/application/templates/default/default/js/jquery.corner.js"></script>
        <script type="text/javascript" src="<?php echo BASE_URL?>/application/templates/default/default/js/jquery.window.js"></script>
        <script type="text/javascript" src="<?php echo BASE_URL?>/application/templates/default/default/js/flowplayer-3.2.6.min.js"></script>
		<script type="text/javascript">
			// ------------------------ This is Active for Round Corner ----------------------------	
			//$('.video_thumb').corner("5px");
        </script>
    </head>
    
    <body>
    	<div id="header">
        	<div class="logo_container">
            	<a href="" class="logo"><img src="<?php echo BASE_URL?>/application/templates/default/default/images/logo.png" /></a>
            </div> <!-- end logo_container -->
       <!-- Main Menu -->
         <?php echo $this->action("index","menu");?>           
          <!-- End Main Menu -->
        </div> <!-- end header -->
    	
        <div id="wrapper">
        	<img src="<?php echo BASE_URL?>/application/templates/default/default/images/bg/content_decor.png" style="position:absolute; top:100px; left:0;" />
        	<div id="content">
            	
<!-- Main Content -->
     <?php echo $this->layout()->content;?>      
<!-- End Main Content -->                
            </div> <!-- end content -->
            
 <!-- Footer -->
  <?php echo $this->action("footer","menu");?>
  <!-- End Footer -->
            
		</div> <!-- end wrapper -->    
		<script type="text/javascript">
		// ------------------------ This is Active for Menu ----------------------------
		$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)
		//$("ul.topnav li span").click(function() { //When trigger is clicked...
		
		$("ul.topnav li a").mouseover(function() 
		{		
			$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
		
			$(this).parent().hover(function(){}, function(){
				$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
			});
			
		//$(this).parent().find("ul.subnav").hover(function(){$(this).addClass("subhover");},function(){$(this).removeClass("subhover");} );
		
		}).hover(function() { 
				$(this).addClass("subhover"); //On hover over, add class "subhover"
			}, function(){	//On Hover Out
				$(this).removeClass("subhover"); //On hover out, remove class "subhover"
				});
		
		//Remain hover status for ".parent_item"
		$("ul.subnav").hover(
		  function () {
			$(this).parent().find(".parent_item").addClass("subhover");
		  },
		  function () {
			$(this).parent().find(".parent_item").removeClass("subhover");
		  }
		 );
    </script>
    
    <script type="text/javascript">
		jQuery('#mycarousel').jcarousel({
		auto: 0, /* 0 for not auto scroll */
		wrap: 'last',
		scroll: 1,
		animation: 700,
		initCallback: mycarousel_initCallback
		});
		
		function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});		
			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});
		
			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		};
		$(document).ready(function(){
			$('.defaultDOMWindow').openDOMWindow({ 
				eventType:'click', 
				loader:1, 
				loaderImagePath:'animationProcessing.gif', 
				loaderHeight:16, 
				loaderWidth:17,
				width:400,
				height:250 
			}); 
		});
		
	</script>
		<?php echo $this->headScript();?>    
    </body>
</html>
